<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
</head>
<body>

   
    <!--头部-->
    <span id="header"></span>

    <div class="auth-main clearfix">
     
        <!--内容区域-->
        <div class="main main-width-mid" style="margin-left:100px">
            <div class="x-ibox-title">
               		 查看订单
            </div>

            <div class="ibox-content m-t clearfix" style="height: 80px;">
               <div class="m-timeline">
                <div class="line">
                    <div class="dot"></div>
                    <div class="dot" style="left: 12.5%;"></div>
                    <div class="dot" style="left: 25%;"></div>
                    <div class="dot" style="left: 37.5%;"></div>
                    <div class="dot active" style="left: 50%;"></div>
                    <div class="dot" style="left: 62.5%;"></div>
                    <div class="dot" style="left: 75%;"></div>
                    <div class="dot" style="left: 87.5%;"></div>
                    <div class="dot" style="right: 0"></div>

                    <span style="left:-1%;">确认订单</span>
                    <span style="left: 10%;">卖家确认订单</span>
                    <span style="left: 23.5%;">买家付款</span>
                    <span style="left: 36%;">卖家发货</span>
                    <span style="left: 47.5%;">买家确认收货</span>
                    <span style="left: 60%;">卖家邮寄发票</span>
                    <span style="left: 72.5%;">买家确认发票</span>
                    <span style="left: 86%;">交易成功</span>
                    <span style="right:-1.5%;">确认订单</span>
                </div>
            </div>
            </div>

            <div class="ibox-title m-t-c" style="border-top:1px solid #E7E7E7">
                <h5 class="color-lg">卖家待发货</h5>
			</div>
            <div class="ibox-content">
                <table class="table table-bordered table-input ">
                    <tbody>
                    <tr>
                        <th style="width: 180px">收货人</th>
                        <td class="x-td-l"> 小米科技有限公司</td>
                    </tr>
                    <tr>
                        <th>联系电话</th>
                        <td class="x-td-l">13291116677</td>
                    </tr>
                    <tr>
                        <th>收货地址</th>
                        <td class="x-td-l">上海市碧波路999号</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div class="ibox-content m-t-sm" style="padding-bottom: 10px">
                <table class="table u-table-center" style="margin-bottom: 10px;">
                    <thead>
                    <tr>
                        <th>订单编号</th>
                        <th>供应商</th>
                        <th>订单日期</th>
                        <th>订单金额</th>
                        <th>付款约定</th>
                        <th>订单状态</th>
                        <th>成交时间</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>3254365748</td>
                        <td>XXX公司</td>
                        <td>2017-09-09</td>
                        <td style="color: #FF5A5F;">¥ 160000.00</td>
                        <td>预付款30%</td>
                        <td>已发货</td>
                        <td>
                        <p>2017-09-09 </p>
                        <p>20:28</p>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div class="ibox-content u-p-b-40 m-t-sm">
                <table class="table table-bordered u-table-center">
                    <thead>
                    <tr>
                        <th>物品名称</th>
                        <th>品牌</th>
                        <th>型号</th>
                        <th>单价</th>
                        <th>数量</th>
                        <th>总价</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>ABC</td>
                        <td>asrg</td>
                        <td>xxxxxx</td>
                        <td style="color: #FF5A5F;">1600.00</td>
                        <td>10</td>
                        <td style="color: #FF5A5F;">16000.00</td>
                    </tr>
                  
                    </tbody>
                </table>
                <span class="pull-right" style="color: #FF5A5F; font-size: 16px; height: 40px; line-height: 40px;font-weight:bold">合计:1000.00</span>
            </div>
        </div>
    </div>

    <!--页尾-->
    <span id="footer"></span>
  </body></html>
<script src="../common/js/jquery-1.9.1.js"></script>
<script type="text/javascript">
    $.get('../common/html/head.html', function (data) {
        $('head').html(data)
    });

    $.get('../common/html/header.html', function (data) {
        $('#header').html(data)
    });

    $.get('../common/html/nav.html', function (data) {
        $('#nav').html(data)
    });

    $.get('../common/html/footer.html', function (data) {
        $('#footer').html(data)
    });
</script>